{% extends 'myblog/base.html' %}

{% block title %}
    文章详情
{% endblock %}

{% block style %}
    <script src="/static/myblog/js/jquery-2.1.1.min.js"></script>
{% endblock %}

{% block content %}
    <article>
        <h1 class="t_nav"><span>您现在的位置是：首页 > {{ art.art_type }} > {{ art.art_title }} </span>
            <a href="/myblog/index/" class="n1">首页</a>
            <a href="/myblog/info/" class="n2">内容分享</a></h1>
        <div class="infos">
            <div class="newsview">
                <h3 class="news_title">{{ art.art_title }}</h3>
                <div class="news_author">
                    <span class="au01"><a href="/myblog/about/">于光坤</a></span>　　
                    <span class="au02">{{ art.art_date }}</span>
                </div>
                <div class="tags">
                    <a href="/myblog/index/">个人博客</a> &nbsp;　
                    <a href="/myblog/share/">我和她</a></div>
                <div class="news_about">
                    <strong>描述：</strong><br>
                    {{ art.art_description | safe }}
                </div>
                <div class="news_infos">
                    {{ art.art_content | safe }}
                    <img alt="" src="/static/{{ art.art_img }}"><br>
                </div>
            </div>
            <div class="share"></div>
            <div class="nextinfo">
                {% if shang_page != None %}
                    <p>上一篇：<a href="/myblog/info/?id={{ shang_page.id }}">{{ shang_page.art_title }}</a></p>
                {% endif %}
                {% if xia_page != None %}
                    <p>下一篇：<a href="/myblog/info/?id={{ xia_page.id }}">{{ xia_page.art_title }}</a></p>
                {% endif %}
            </div>
{#            <div class="otherlink">#}
{#                <h2>相关文章</h2>#}
{#                <ul>#}
{#                    <li><a href="/download/div/2018-04-22/815.html" title="html5个人博客模板《黑色格调》">html5个人博客模板《黑色格调》</a></li>#}
{#                    <li><a href="/download/div/2018-04-18/814.html" title="html5个人博客模板主题《清雅》">html5个人博客模板主题《清雅》</a></li>#}
{#                    <li><a href="/download/div/2018-03-18/807.html" title="html5个人博客模板主题《绅士》">html5个人博客模板主题《绅士》</a></li>#}
{#                    <li><a href="/download/div/2018-02-22/798.html" title="html5时尚个人博客模板-技术门户型">html5时尚个人博客模板-技术门户型</a>#}
{#                    </li>#}
{#                    <li><a href="/download/div/2017-09-08/789.html"#}
{#                           title="html5个人博客模板主题《心蓝时间轴》">html5个人博客模板主题《心蓝时间轴》</a></li>#}
{#                    <li><a href="/download/div/2017-07-16/785.html" title="古典个人博客模板《江南墨卷》">古典个人博客模板《江南墨卷》</a></li>#}
{#                    <li><a href="/download/div/2017-07-13/783.html" title="古典风格-个人博客模板">古典风格-个人博客模板</a></li>#}
{#                    <li><a href="/download/div/2015-06-28/748.html" title="个人博客《草根寻梦》―手机版模板">个人博客《草根寻梦》―手机版模板</a></li>#}
{#                    <li><a href="/download/div/2015-04-10/746.html" title="【活动作品】柠檬绿兔小白个人博客模板">【活动作品】柠檬绿兔小白个人博客模板</a>#}
{#                    </li>#}
{#                    <li><a href="/jstt/bj/2015-01-09/740.html" title="【匆匆那些年】总结个人博客经历的这四年…">【匆匆那些年】总结个人博客经历的这四年…</a>#}
{#                    </li>#}
{#                </ul>#}
{#            </div>#}
{#            <div class="news_pl">#}
{#                <h2>文章评论</h2>#}
{#                <ul>#}
{#                    <div class="gbko">#}
{#                        <form action="">#}
{#                            <input type="text" name="" id="">#}
{#                        </form>#}
{#                    </div>#}
{#                </ul>#}
{#            </div>#}
        </div>


        <div class="sidebar">
{#            <div class="search">#}
{#                <form action="/e/search/index.php" method="post" name="searchform" id="searchform">#}
{#                    <input name="keyboard" id="keyboard" class="input_text" value="请输入关键字"#}
{#                           style="color: rgb(153, 153, 153);"#}
{#                           onfocus="if(value=='请输入关键字'){this.style.color='#000';value=''}"#}
{#                           onblur="if(value==''){this.style.color='#999';value='请输入关键字'}" type="text">#}
{#                    <input name="show" value="title" type="hidden">#}
{#                    <input name="tempid" value="1" type="hidden">#}
{#                    <input name="tbname" value="news" type="hidden">#}
{#                    <input name="Submit" class="input_submit" value="搜索" type="submit">#}
{#                </form>#}
{#            </div>#}


            <div class="lmnav" style="margin-top: 20px">
                <h2 class="hometitle">栏目导航</h2>
                <ul class="navbor">
                    <li><a href="#">知识分享</a></li>
                    <li><a href="">{{ art.art_type }}</a>
                        <ul>
                            {% for one in arts %}
                                <li><a href="/myblog/info/?id={{ one.id }}">{{ one.art_title }}</a></li>
                            {% endfor %}
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </article>
{% endblock %}

{% block script %}
    <script type="text/javascript">

    </script>
{% endblock %}